export default {
  // 在元素被插入到 DOM 前调用
  beforeMount(el, binding) {
    // 获取参数名，也就是第一个color
    const arg = binding.arg
    const value = binding.value
    console.log(arg);
    
    // 将参数保存到指令的上下文
    el._directiveContext = { arg }
    // 对DOM进行操作，设置样式
    el.style.backgroundColor = value || '#0f0'
  },
  // 在绑定元素的父组件
  // 及他自己的所有子节点都更新后调用
  updated(el, binding) {
    // 拿到输入框输入de颜色
    const value = binding.value
    // 把颜色给DOM节点进行更新
    el.style.backgroundColor = value
  }
}
